<template>
    <div >
        <van-swipe :autoplay="3000" class="banner" indicator-color="#FF6034">
           <van-swipe-item v-for="(item,index) in bannerData" :key="index" >
              <img v-lazy="item.pic+'?param=640y248'"/>
           </van-swipe-item>
        </van-swipe>
    </div>
</template>

<script>
export default {
    props:['bannerData']
};
</script>

<style scoped>
.banner{
    height: 124px;
    overflow: hidden;
}
.banner img{
    width: 100%;
}
</style>